0<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<div id="fileUpload" style="height: 120px;padding: 10px;">
    <form id="fileUploadForm" name="fileUploadForm" method="post" enctype="multipart/form-data" novalidate>
        <br>
        <input type="file" id="filedata" name="filedata">

        <div id="file_msg" style="color: green;"></div>
        <br/> <br/>
        图片上传，支持,png(185*265)
        <br/>
        <span style="color: red;">温馨提示：图片过大会导致客户端加载过慢，为了更好的用户体验，300kb以上的图片系统会自动压缩。</span>
    </form>
</div>
<script type="text/javascript">
    function fileValidateData() {
        if($('#filedata').val() == null || $('#filedata').val() == ""){
            $.messager.show({
                title: "操作提示",
                msg: '请选择格式为.jpeg,jpg,png中的一种图片',
                timeout: 1500
            });
            return false;
        }

        return true;
    }

    $('#filedata').live('change',function () {
        if (!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG|ZIP|zip|RAR|rar|xls|XLS|)$/.test($(this).val())) {
            var obj = document.getElementById('filedata');
            obj.select();
            $.messager.show({
                title: "操作提示",
                msg: '图片类型必须是.jpeg,jpg,png中的一种',
                timeout: 1500
            });
            if (obj.outerHTML) {
                obj.outerHTML = obj.outerHTML;
            } else { // FF(包括3.5)
                obj.value = "";
            }
            return false;
        }
        
        $('#file_msg').html('已经选中文件[' + $(this).val() + ']点击保存后生效').show();
    }).bind("propertychange", function () {
        $('#file_msg').html('已经选中文件[' + $(this).val() + ']点击保存后生效').show();
    });

</script>